<p id="toggle_hooks_info" class="text-primary" style="cursor: pointer; margin-bottom: 3px;display: inline-block;">Hooks <i class="glyphicon glyphicon-resize-small"></i></p>&nbsp;&nbsp;

<div class="btn-group" role="group" aria-label="...">
    <button type="button" id="loadScript" class="btn btn-default btn-xs">Confirm</button>
<!--<button type="button" class="btn btn-warning btn-xs" onclick="unloadScript()">UnLoadScript</button>-->
</div>

<div class="well" id="hooks-info-div">
    <div class="row ">
        <div class="col-sm-6">
            <!--label>Match <span  title="Hooks 是将给定的类名下的所有方法都Hook一遍。&#10;可填写完整类名，填写类名中包含的一部分字符串也可以匹配到你想要的类，多个类换行分隔。支持正则(JavaScript match) &#10;例如: 完整类名com.lxh.xxx.class1 可以写成 com.lxh or lxh.xxx or xxx or... 写成com.lxh,会把所有包含这个字符的类名都匹配上，然后把类下面的所有方法都Hook了, 为空Hook所有方法（会导致APP崩溃）"><i class="glyphicon glyphicon-question-sign"></i></span></label-->
            <label>Match </label>
            <div id="HooksMatchcode" style="height: 250px"></div>
        </div>
        <div class="col-sm-6">
            <!--label>Options  <span title="填写方法名称,多个换行分隔。ex. +[MyClass sleep::] 填写sleep "><i class="glyphicon glyphicon-question-sign"></i></span></label-->
            <label>Options </label>
            <div id="HooksOptionscode" style="height: 250px"></div>
        </div>
    </div>
</div>

<p style="color: #337ab7;margin: 5px 0px;"> Output Console <span class="glyphicon glyphicon-remove clickable" aria-hidden="true" onclick="clear_hookMessage()"  ></span></p>

<div class="table-responsive pre-scrollable" style="min-height: 700px;" id="outputTbl">

    <table class="table table-striped table-bordered" style="table-layout:fixed;word-break:break-all;">
       <thead>
           <tr>
             <th style="width: 20%">MethodName</th>
             <th style="width: 60%">Args Dump</th>
             <th style="width: 20%">Return Value</th>
           </tr>
       </thead>
       <tbody id="outputBody"></tbody>
    </table>

</div>
